<include file="Public:header" />
<div class="cont_main"> 
    <!--left-->
    <ul class="recharge_left" id='tlist'>      
    </ul>

    <!---->
    <div class="recharge_cent">
        <h2>您当前选择是<i id='current_type'></i>的充值的方式</h2>
        <ul class="recharge_list_1">
            <li><span class="reg_name_box">充值到哪里：</span><span class="recharge_game_name" id="recharge_game_name"></span></li>
            <li><span class="reg_name_box">请选择游戏：</span><span>
                    <input type="text" class="reg_inp" id="game_name">
                </span><a href="javascript:void(0)" onclick='show_div("game_list")' class="recharge_a1">选择游戏</a> 

                <!--选择游戏-->

                <div class="pay_smain" style='display:none' id='game_list'>
                    <div class="pop_tit"><a href="javascript:void(0)" onclick="hide_div('game_list')" class="pop_close" title="关闭"></a>
                        <dl id="glist">
                            <dt>字母分类：</dt>
                            <dd><a href="#" data-key="25">ABCD</a></dd>
                            <dd><a href="#" data-key="26">EFGH</a></dd>
                            <dd><a href="#" data-key="27">IJKL</a></dd>
                            <dd><a href="#" data-key="28">MNOP</a></dd>
                            <dd><a href="#" data-key="29">QRST</a></dd>
                            <dd><a href="#" data-key="30">UVW</a></dd>
                            <dd><a href="#" data-key="31">XYZ</a></dd>
                        </dl>
                    </div>
                    <ul class="pay_slist" id="gamelist">
                        <volist name="gamelist" id="v">
                            <li><a href="javascript:void(0)" onclick="get_slist('<!--{$v.id}-->', '<!--{$v.gamename}-->')"><!--{$v.gamename}--></a></li>
                        </volist>
                    </ul>
                </div>
            </li>
            <li><span class="reg_name_box">请选择服务器：</span><span>
                    <input type="text" class="reg_inp" id="server_name">
                </span><a href="javascript:void(0)" onclick="show_div('server_list')" class="recharge_a1">选择区服</a>

                <!--选择游戏-->

                <div class="pay_smain pay_smain2" style='display: none' id="server_list">
                    <div class="pop_tit"><a href="javascript:void(0)" onclick="hide_div('server_list')" class="pop_close" title="关闭"></a>

                    </div>
                    <ul class="pay_slist" id="serverlist">
                    </ul>
                </div>


            </li>
            <li><span class="reg_name_box">充值的帐号：</span><span>
                    <input type="text" class="reg_inp" id='username'/>
                </span></li>
            <li><span class="reg_name_box">确认充值帐号：</span><span>
                    <input type="text" class="reg_inp" id='username_to'><span id="msg"></span>
                </span></li>
        </ul>
        <!---->
        <div class="recharge_money" id="recharge_money">
            <p class="recharge_money_ds">选择充值金额：</p>
            <a href="#" data-key="5">5元</a> 
            <a href="#" data-key="10">10元</a> 
            <a href="#" data-key="30">30元</a> 
            <a href="#" data-key="50">50元</a> 
            <a href="#" data-key="100">100元</a> 
            <a href="#" data-key="200">200元</a> 
            <a href="#" data-key="300">300元</a> 
            <a href="#" data-key="500">500元</a> 
            <a href="#" data-key="1000">1000元</a> 
            <a href="#" data-key="2000">2000元</a> 
            <a href="#" data-key="3000">3000元</a> 
            <a href="#" data-key="5000">5000元</a> 
        </div>

        <!---->
        <div class="recharge_money_box">
            <div class="recharge_money_main"> <span class="recharge_money_text">其它金额</span>
                <input name="" type="text" class="recharge_money_txt" placeholder="输入您的金额" id="towmoney"/>
            </div>
            <div class="recharge_money_tip">元<i>*</i><span>请填写5到1000000之间的整数</span></div>
        </div>
        <div>
            <span class="reg_name_box">对应元宝数量：</span>
            <input type="text" class="reg_inp" value="" readonly="readonly" id="exchange"/><span>1:10</span>
        </div>
        <!---->
        <div class="recharge_bank" id="select_bank">
            <p class="recharge_money_ds">选择充值银行：</p>
            <a href="#" data-key="ICBC-NET-B2C"><img src="__PUBLIC__/default/images/bank_ICBC.jpg" width="100" height="36"  alt=""/></a>
            <a href="#" data-key="CMBCHINA-NET-B2C"><img src="__PUBLIC__/default/images/bank_CMB.jpg" width="100" height="36"  alt=""/></a>
            <a href="#" data-key="ABC-NET-B2C"><img src="__PUBLIC__/default/images/bank_ABC.jpg" width="100" height="36"  alt=""/></a> 
            <a href="#" data-key="BJRCB-NET-B2C"><img src="__PUBLIC__/default/images/bank_BJRCB.jpg" width="100" height="36"  alt=""/></a>
            <a href="#" data-key="BCCB-NET-B2C"><img src="__PUBLIC__/default/images/bank_BOB.jpg" width="100" height="36"  alt=""/></a> 
            <a href="#" data-key="BOC-NET-B2C"><img src="__PUBLIC__/default/images/bank_BOC.jpg" width="100" height="36"  alt=""/></a>             
            <a href="#" data-key="CCB-NET-B2C"><img src="__PUBLIC__/default/images/bank_CCB.jpg" width="100" height="36"  alt=""/></a> 
            <a href="#" data-key="CEB-NET-B2C"><img src="__PUBLIC__/default/images/bank_CEB.jpg" width="100" height="36"  alt=""/></a> 
            <a href="#" data-key="CIB-NET-B2C"><img src="__PUBLIC__/default/images/bank_CIB.jpg" width="100" height="36"  alt=""/></a> 
            <a href="#" data-key="ECITIC-NET-B2C"><img src="__PUBLIC__/default/images/bank_CITIC.jpg" width="100" height="36"  alt=""/></a>                         
            <a href="#" data-key="BOCO-NET-B2C"><img src="__PUBLIC__/default/images/bank_COMM.jpg" width="100" height="36"  alt=""/></a>             
            <a href="#" data-key="GDB-NET-B2C"><img src="__PUBLIC__/default/images/bank_GDB.jpg" width="100" height="36"  alt=""/></a>              
            <a href="#" data-key="HXB-NET-B2C"><img src="__PUBLIC__/default/images/bank_HB.jpg" width="100" height="36"  alt=""/></a>                                                                 
            <a href="#" data-key="PINGANBANK-NET-B2C"><img src="__PUBLIC__/default/images/bank_SPA.jpg" width="100" height="36"  alt=""/></a> 
            <a href="#" data-key="SPDB-NET-B2C"><img src="__PUBLIC__/default/images/bank_SPDB.jpg" width="100" height="36"  alt=""/></a> 
            <a href="#" data-key="CMBC-NET-B2C"><img src="__PUBLIC__/default/images/bank_CMBC.jpg" width="100" height="36"  alt=""/></a>             
        </div>
        <div class="recharge_bank_btn">
            <button class="public_img into_btn" id="payconfirm">立即充值</button>
        </div>
    </div>

    <!---->
    <div class="recharge_right">
        <p><img src="__PUBLIC__/default/images/tep_icon.png" width="260" height="90"  alt=""/></p>
        <!--常见问题-->
        <div class="common_problem">
            <h2><a href="#">更多></a>常见问题</h2>
            <ul>
                <li><a href="#">为什么实际到账的金额？</a></li>
                <li><a href="#">充错游戏账号怎么办？</a></li>
                <li><a href="#">哪种充值方式兑换游戏币最高？</a></li>
                <li><a href="#">游戏的充值比例是多少？</a></li>
                <li><a href="#">没开通网银可以充值吗？</a></li>
                <li><a href="#">怎么查询网银扣费订单呢？</a></li>
            </ul>
        </div>
    </div>
</div>
<script type="text/javascript">
    var typelist =<!--{$typelist}--></script>
<script type="text/javascript" src='__PUBLIC__/default/js/pay.js'></script>
<!---->
<include file="Public:footer" />
